<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8"/>
  <title>Spring Boot and Easyui RBAC</title>

  <link rel="stylesheet" href="easyui/themes/bootstrap/easyui.css">
  <link rel="stylesheet" href="easyui/themes/icon.css">
  <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="css/app.css">
  <script src="lib/jquery.min.js"></script>
  <script src="easyui/jquery.easyui.min.js"></script>
  <script src="easyui/locale/easyui-lang-zh_CN.js"></script>
  <script>
    $(function () {
      var menuTree = $("#menuTree");
      var center = $("body").layout("panel", "center");
      menuTree.tree({
        onSelect: function (node) {
          center.panel('refresh', node.href).panel('setTitle', node.text);
        }
      });
    });
  </script>
</head>
<body class="easyui-layout">
<div data-options="region:'north'" class="header">
  <h1 class="title">Spring Boot and Easyui RBAC</h1>
  <div class="info">
    <a th:text="${session.user.userName}">管理员</a>
    <a href="logout">注销</a>
  </div>
</div>
<div data-options="region:'west',iconCls:'fa fa-id-card-o'" title="导航" style="width: 150px;">
  <ul id="menuTree">
    <li>
      <span>系统管理</span>
      <ul>
        <li data-options="href:'/system/permission'">权限管理</li>
        <li data-options="href:'/system/role'">角色管理</li>
        <li data-options="href:'/system/user'">用户管理</li>
      </ul>
    </li>
  </ul>
</div>
<div data-options="region:'center'" title="控制台">

</div>
<div data-options="region:'south'" class="footer">
  夏悸的教学视频第一季
</div>
</body>
</html>